﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="wb:webmaster" content="d07450928f2d3ec0" />
<link rel="stylesheet" href="css/article.css" type="text/css" media="screen" />
<title>媒体网站</title>
<meta name="description" content="媒体网站" />
<meta name="keywords" content="媒体网站" />
<script src="js/jquery.js"></script>
    <!--  兼容IE8以下的HTML5 标签-->
    <!-[if lt IE 8]>
    <script src='js/html5.js'></script>
    <![endif]–>
    <!-- 每个页面都要引入的脚本 end-->
</head>
<body class="index">
	<div class="header">
   		<div class="top"><div class="inner"><span class="phone" onClick="window.location='index-h5.html'">手机版</span><span class="code">二维码</span><em><b>会员登录</b>I<b>免费注册</b>I<b>忘记密码</b></em></div></div>
        <div class="midd">
        	<div class="inner">
        	<div class="logo">
            	<h2><a href="index.html"><img src="img/logo.png"/></a></h2>
                <p>社区对接偏远山村，吃好的又能帮他们</p>
                <p>咨询热线：027-8787-2733</p>
            </div>
            <div class="search">
            	<h3><input type="text" placeholder="请输入搜索关键词"/><input type="submit"/></h3>
                <p>热门关键词：<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、<a href="#">苹果</a>、</p>
            </div>
            </div>
        </div>
        <div class="subnav">
        	<div class="inner"><a href="index.html">首页</a><a href="article.html">农业种植</a><a href="article.html">农业养殖</a><a href="article.html">农业机械</a><a href="article.html">农资信息</a><a href="article.html">最新政策</a><a href="contact.html">联系我们</a></div>
        </div>
	</div>
    <div class="bulletwindow">
    	<div class="close">关闭</div>
        <div class="pic">
       		<img src="images/pic02.jpg"/>
            <p>微信扫一扫手机可打开</p> 
        </div>
    </div>
    <div class="swipePanel">
    	<div class="swipe">
        	<ul id="slider">
            	<li><a href="javascript:void(0)"><img src="images/banner.jpg" alt='' /></a></li>
               	<li><a href="javascript:void(0)"><img src="images/banner.jpg" alt='' /></a></li>
                <li><a href="javascript:void(0)"><img src="images/banner.jpg" alt='' /></a></li>
                <li><a href="javascript:void(0)"><img src="images/banner.jpg" alt='' /></a></li>
           	</ul>
            <div id="pagenavi">
            	<a href="javascript:void(0);" class="active">1</a> 
               	<a href="javascript:void(0);">2</a>
               	<a href="javascript:void(0);">3</a>
                <a href="javascript:void(0);">4</a>
            </div>
		</div>
	</div>
    <div class="block01 article">
    	<div class="inner">
        	<div class="current">当前位置：<a href="index.html">首页</a>><span>产品分类</span></div>
            <div class="tabber"><b>分类：</b><h4><span class="on">全部</span><span>生鲜水果</span><span>新鲜蔬菜</span><span>畜牧水产</span><span>米面粮油</span><span>农副产品</span><span>农资产品</span><span>花卉苗木</span><span>中草药材</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span><span>农业机械</span></h4></div>		
            <div id="tab-content">
                <div class="list">
                    <h3><span>信息</span><time>发布时间</time></h3>
                    <ul>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                    </ul>
                    <div class="page"><a href="#">首页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">3</a><a href="#">下一页</a><a href="#">末页</a></div>
                </div>
                <div class="list" style="display:none;">
                    <h3><span>信息</span><time>发布时间</time></h3>
                    <ul>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                        <li><a href="#"><span>《我不是药神》,健康生活真的很重要！</span><time>2018-07-22</time></a></li>
                    </ul>
                    <div class="page"><a href="#">首页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">3</a><a href="#">下一页</a><a href="#">末页</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
    	<div class="logo02"><span><img src="img/logo.png"/></span><b>社区对接偏远山村，吃好的又能帮他们</b></div>
        <div class="bot">
        	<p>公司名称：武汉乡土味士信息技术有限公司</p>
            <p>联系方式：027-8787-2323</p>
            <p>公司地址：武汉市洪山区光谷中心花园A1栋303</p>
            <span><img src="images/pic02.jpg"/></span>
        </div>
    </div>
<script type="text/javascript" src="js/touchScroll.js"></script>
<script type="text/javascript" src="js/touchslider.js"></script>
<script type="text/javascript">
		var active = 0, as = document.getElementById('pagenavi').getElementsByTagName('a');
		for ( var i = 0; i < as.length; i++) {
			(function() {
				var j = i;
				as[i].onclick = function() {
					t.slide(j);
					return false;
				};
			})();
		}
		var t = new TouchSlider({
			id : 'slider',
			speed : 600,
			timeout : 2000,
			before : function(index) {
				as[active].className = '';
				active = index;
				as[active].className = 'active';
			}
		});
	</script>
	<script>
		$('.tabber span').click(function(){ 
			$(this).addClass("on").siblings().removeClass() 
			$("#tab-content .list").hide().eq($('.tabber span').index(this)).show(); 
		});
		$('.code').click(function(){ 
			$('.bulletwindow').show() 
		});
		$('.close').click(function(){ 
			$('.bulletwindow').hide() 
		});
    </script>
</body>
</html>
